<!DOCTYPE html>
<html>
<head>
	<title>Carepad Admin Center</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	
<!-- 	<link rel="shortcut icon" href="favicon.ico"> -->
	
	<link rel="stylesheet" href="../../assets/css/carePad.min.css" />
  	<link rel="stylesheet" href="../../assets/css/jquery.mobile.icons.min.css" />	
  	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.1/jquery.mobile.structure-1.4.1.min.css" /> 
  
<!--     <link rel="stylesheet"  href="assets/css/jquery.mobile-1.4.1.min.css"> -->
    <link rel="stylesheet"  href="../../assets/css/custom.css">

<!--     <script src="assets/js/jquery.js"></script>  -->
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
	<script type="text/javascript" src="../../assets/js/jquery.mobile-1.4.1.js"></script>
	<script type="text/javascript" src="../../assets/js/custom.js"></script>
<!-- 	<script type="text/javascript" src="http://dev.jtsage.com/cdn/spinbox/latest/jqm-spinbox.min.js"></script> -->
	
	<style type="text/css">
		.ui-panel-dismiss-open.ui-panel-dismiss-position-right {
			right: 50%;
		}
	</style>
</head>

<body>

<div data-role="page" class="jqm-demos ui-responsive-panel"
	id="patientPage" data-title="Patient">
	
	<div data-role="header" data-theme="k"  class="ui-btn-active ui-state-persist" data-position="fixed" >
		<h1>利用者一覧</h1>
	</div>

	
	<!-- /header -->

	
	

<!-- Start Content -->
	<div role="main" class="ui-content jqm-content jqm-fullwidth">

		<div class="ui-grid-a ui-responsive">
			<div class="ui-body ui-body-h ui-corner-all">
			
			
				<div data-role="collapsible" data-mini="true" data-theme="d" data-content-theme="f" data-iconpos="right"  data-collapsed-icon="search" data-expanded-icon="delete">
				    <h3 class="ui-bar ui-bar-a" align="right" data-mini="true" >Search</h3>
				
							<table style="width: 100%;">
							  <tr>
							    <td style="width: 30%;"><label><input type="checkbox" id ='search_1' data-theme="f" onchange="disableSearchOption('search_1','search_1_text')" name="checkbox-0 " data-mini="true" checked="checked">Name</label></td>
							    <td style="width: 70%;"><input type="text" name="search-name" id="search_1_text" data-theme="f" value="" data-mini="true" placeholder="Name"></td>
							  </tr>
							  <tr>
							    <td style="width: 30%;"><label><input type="checkbox" id ='search_2' data-theme="f" onchange="disableSearchOptionForDropDown('search_2','search_2_text')" name="checkbox-0 " data-mini="true" checked="checked">Name</label></td>
								<td style="width: 70%;"> <select name="select-custom-k" id="search_2_text" data-theme="f" data-native-menu="false" data-mini="true">
							        <option value="1">The 1st Option</option>
							        <option value="2">The 2nd Option</option>
							        <option value="3">The 3rd Option</option>
							        <option value="4">The 4th Option</option></select>
				   				</td>			  
							  </tr>
							  <tr>
							  	<td style="width: 30%;"><label><input type="checkbox" id ='search_3' data-theme="f" onchange="disableSearchOptionForDropDown('search_3','search_3_text')" name="checkbox-0 " data-mini="true" checked="checked">Name</label></td>
								<td style="width: 70%;"> <select name="select-custom-k" id="search_3_text" data-theme="f" data-native-menu="false" data-mini="true">
							        <option value="1">The 1st Option</option>
							        <option value="2">The 2nd Option</option>
							        <option value="3">The 3rd Option</option>
							        <option value="4">The 4th Option</option></select>
				   				</td>	
							  </tr>
							  <tr>
							  	<td style="width: 30%;"><label><input type="checkbox" id ='search_4' data-theme="f" onchange="disableSearchOptionForDropDown('search_4','search_4_text')" name="checkbox-0 " data-mini="true" checked="checked">Name</label></td>
								<td style="width: 70%;"> <select name="select-custom-k" id="search_4_text" data-theme="f" data-native-menu="false" data-mini="true">
							        <option value="1">The 1st Option</option>
							        <option value="2">The 2nd Option</option>
							        <option value="3">The 3rd Option</option>
							        <option value="4">The 4th Option</option></select>
				   				</td>	
							  </tr>
							  <tr>
							    <td style="width: 30%;"><label><input type="checkbox" id ='search_5' data-theme="f" onchange="disableSearchOptionForDropDown('search_5','search_5_text')" name="checkbox-0 " data-mini="true" checked="checked">Name</label></td>
								<td style="width: 70%;"> <select name="select-custom-k" id="search_5_text" data-theme="f" data-native-menu="false" data-mini="true">
							        <option value="1">The 1st Option</option>
							        <option value="2">The 2nd Option</option>
							        <option value="3">The 3rd Option</option>
							        <option value="4">The 4th Option</option></select>
				   				</td>	
							  </tr>
							  <tr>
							    <td style="width: 30%;"><label><input type="checkbox" id ='search_6' data-theme="f" onchange="disableSearchOptionForDropDown('search_6','search_6_text')" name="checkbox-0 " data-mini="true" checked="checked">Name</label></td>
								<td style="width: 70%;"> <select name="select-custom-k" id="search_6_text" data-theme="f" data-native-menu="false" data-mini="true">
							        <option value="1">The 1st Option</option>
							        <option value="2">The 2nd Option</option>
							        <option value="3">The 3rd Option</option>
							        <option value="4">The 4th Option</option></select>
				   				</td>	
							  </tr>
							  <tr>
							    <td style="width: 30%;"><label><input type="checkbox" id ='search_7' data-theme="f" onchange="disableSearchOptionForDropDown('search_7','search_7_text')" name="checkbox-0 " data-mini="true" checked="checked">Name</label></td>
								<td style="width: 70%;"> <select name="select-custom-k" id="search_7_text" data-theme="f" data-native-menu="false" data-mini="true">
							        <option value="1">The 1st Option</option>
							        <option value="2">The 2nd Option</option>
							        <option value="3">The 3rd Option</option>
							        <option value="4">The 4th Option</option></select>
				   				</td>	
							  </tr>
							  <tr>
							    <td style="width: 30%;"><label><input type="checkbox" id ='search_8' data-theme="f" onchange="disableSearchOptionForDropDown('search_8','search_8_text')" name="checkbox-0 " data-mini="true" checked="checked">Name</label></td>
								<td style="width: 70%;"> <select name="select-custom-k" id="search_8_text" data-theme="f" data-native-menu="false" data-mini="true">
							        <option value="1">The 1st Option</option>
							        <option value="2">The 2nd Option</option>
							        <option value="3">The 3rd Option</option>
							        <option value="4">The 4th Option</option></select>
				   				</td>	
							  </tr>
							  <tr>
							    <td colspan="2" style="width: 100%;"> <a href="#" data-role="button" data-inline="true" data-theme="j" data-mini="true" data-icon="search" style="width: 95%;">S e a r c h</a></td>
							  </tr>
							</table>
						</div>
			
			
			<a href="#" data-role="button" data-inline="true" data-theme="b" data-mini="true">New&nbsp <img src="../../assets/img/document.ico" width="20px" height="15px" alt=""></a>
			<a href="#" data-role="button" data-inline="true" data-theme="b" data-mini="true">Print&nbsp <img src="../../assets/img/printer.ico" width="20px" height="15px" alt=""></a>
			<a href="#" data-role="button" data-inline="true" data-theme="b" data-mini="true">Export&nbsp <img src="../../assets/img/excel.png" width="20px" height="15px" alt=""></a>
			<table data-role="table" id="table-custom-2"
					data-mode="columntoggle" data-mini="true"
					class="ui-body-d ui-shadow table-stripe ui-responsive"
					data-column-btn-theme="b" data-column-btn-text=" Select "
					data-column-popup-theme="a"
					>
					<thead>
						<tr class="ui-bar-h">
							<th data-priority="2">Id</th>
							<th>Name</th>
							<th data-priority="3">Sex</th>
							<th data-priority="1"><abbr>Assment No</abbr></th>
							<th data-priority="5">HCS ID</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<th>1</th>
							<td><a href="#popupMenu" data-rel="popup"
								data-transition="slideup">藤本 明日</a>
							</td>
							<td>F</td>
							<td>8</td>
							<td>KANA-000001</td>
						</tr>

						<tr>
							<th>2</th>
							<td><a href="#popupMenu" data-rel="popup"
								data-transition="slideup">新垣 さとみ</a>
								
								</td>
							<td>F</td>
							<td>11</td>
							<td>KANA-000002</td>
						</tr>
						<tr>
							<th>3</th>
							<td><a href="#popupMenu" data-rel="popup"
								data-transition="slideup">平野 ケンイチ</a>
								</td>
							<td>M</td>
							<td>3</td>
							<td>LKAN-000001</td>
						</tr>

						<tr>
							<th>4</th>
							<td><a href="#popupMenu" data-rel="popup"
								data-transition="slideup">梅村 美菜</a>
								</td>
							<td>F</td>
							<td>6</td>
							<td>LKAN-000002</td>
						</tr>

						<tr>
							<th>5</th>
							<td><a href="#popupMenu" data-rel="popup"
								data-transition="slideup">梅村 美菜</a>
								</td>
							<td>F</td>
							<td>16</td>
							<td>LKAN-000008</td>
						</tr>
						
						<tr>
							<th>6</th>
							<td><a href="#popupMenu" data-rel="popup"
								data-transition="slideup">梅村 美菜</a>
								</td>
							<td>F</td>
							<td>26</td>
							<td>LKAN-000023</td>
						</tr>
						
						<tr>
							<th>7</th>
							<td><a href="#popupMenu" data-rel="popup"
								data-transition="slideup">梅村 美菜</a>
								</td>
							<td>M</td>
							<td>32</td>
							<td>LKAN-000009</td>
						</tr>
						
						<tr>
							<th>8</th>
							<td><a href="#popupMenu" data-rel="popup"
								data-transition="slideup">梅村 美菜</a>
								</td>
							<td>M</td>
							<td>11</td>
							<td>LKAN-000021</td>
						</tr>
						
						<tr>
							<th>9</th>
							<td><a href="#popupMenu" data-rel="popup"
								data-transition="slideup">梅村 美菜</a>
								</td>
							<td>M</td>
							<td>346</td>
							<td>LKAN-000048</td>
						</tr>
						
						<tr>
							<th>10</th>
							<td><a href="#popupMenu" data-rel="popup"
								data-transition="slideup">梅村 美菜</a>
								</td>
							<td>F</td>
							<td>14</td>
							<td>LKAN-000034</td>
						</tr>

					</tbody>
				</table>
			</div>
		</div>
	</div>
	<!-- /content -->

	
	
<!-- search Panel	 -->
	
	<div data-role="panel" data-position="right" data-display="overlay"
		data-theme="a" id="add-form" style="width: 50%;">
		<div class="ui-corner-all custom-corners">
			<h3 align="center">Details</h3>
			<div>
			<table style="width: 100%;">
			  <tr>
			    <th>ID</th>
			    <th>4</th>
			  </tr>
			  <tr>
			    <td> <label for="basic">Text Input:</label> </td>
			    <td> <input type="text" name="name" id="basic" data-mini="true" readonly="readonly"/> </td>
			  </tr>
			  <tr>
			    <td> <label for="basic">Text Input:</label> </td>
			    <td> <input type="text" name="name" id="basic" data-mini="true" readonly="readonly"/> </td>
			  </tr>
			  <tr>
			    <td> <label for="basic">nkn Input:</label> </td>
			    <td> 
    				<input type="range" name="slider-3" id="slider-3" value="25" min="0" max="100" data-theme="a" data-track-theme="b" data-mini="true" /> - <input type="range" name="slider-3" id="slider-3" value="25" min="0" max="100" data-theme="a" data-mini="true" data-track-theme="b" />
			     </td>
			  </tr>
			  <tr>
			    <td> <label for="basic">Text Input:</label> </td>
			    <td> <input type="text" name="name" id="basic" data-mini="true" readonly="readonly"/> </td>
			  </tr>
			  <tr>
			    <td> <label for="basic">Text Input:</label> </td>
			    <td> <input type="text" name="name" id="basic" data-mini="true" readonly="readonly"/> </td>
			  </tr>
			  <tr>
			    <td> <label for="basic">Text Input:</label> </td>
			    <td> <input type="text" name="name" id="basic" data-mini="true" readonly="readonly"/> </td>
			  </tr>
			  <tr>
			    <td> <label for="basic">Text Input:</label> </td>
			    <td> <input type="text" name="name" id="basic" data-mini="true" readonly="readonly"/> </td>
			  </tr>
			  <tr>
			    <td> <label for="basic">Text Input:</label> </td>
			    <td> <input type="text" name="name" id="basic" data-mini="true" readonly="readonly"/> </td>
			  </tr>
			  <tr>
			    <td> <label for="basic">Text Input:</label> </td>
			    <td> <input type="text" name="name" id="basic" data-mini="true" readonly="readonly"/> </td>
			  </tr>
			  <tr>
			    <td> <label for="basic">Text Input:</label> </td>
			    <td> <input type="text" name="name" id="basic" data-mini="true" readonly="readonly"/> </td>
			  </tr>
			</table>
			
			</div>
		</div>
	</div>
	<!-- /panel -->
	
	<div data-role="footer" data-theme="k" data-position="fixed">		
		<div data-role="navbar">
			<ul>
				<li><a href="home.php" data-icon="user" data-role="button" class="ui-btn-active ui-state-persist" data-ajax="false">利用者一覧</a></li>
				<li><a href="assessment.php" data-icon="bullets" data-role="button" data-ajax="false">アセスメントシート</a></li>
				<li><a href="dragdrop.php" data-icon="grid" data-role="button">週間利用者一覧</a></li>
				<li><a href="last.php" data-icon="grid" data-role="button">実施項目設定</a></li>
				<li><a href="final.php" data-icon="grid" data-role="button">通所介護記録一覧</a></li>
			</ul>
		</div><!-- /navbar -->
	</div><!-- /footer -->
	
	<div data-role="popup" id="popupMenu" data-theme="b">
		<ul data-role="listview" data-inset="true" style="min-width: 210px;">
			<li data-role="list-divider">Choose an action</li>
			<li><a href="#add-form">View details</a></li>
			<li><a href="#">Edit</a></li>
			<li><a href="#">Delete</a></li>
			<li><a href="#">Assessment</a></li>
		</ul>
	</div>
	
</div>



</body>
</html>